﻿<!DOCTYPE html>
<html>
<head>
    <title>表格选择器</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">

    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="../../js/jquery-2.1.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../../js/luomingui.js"></script>
    <link href="../../css/admin.css" rel="stylesheet" />
    <script src="base64.js"></script>
    <link href="btable.css" rel="stylesheet" />
    <script src="btable.js"></script>

    <script src="vue.js"></script>
    <style>
        .modal-header {
            padding: 10px;
        }
    </style>
</head>
<body>
    <form id="form1">
        <div style="margin-top: 10px; margin-left: 10px; margin-right: 10px;">
            <div style="padding-top: 20px; margin-right: 30px;">
                <input type="hidden" id="id" name="id" value="" />
                <table class="form">
                    <tr>
                        <th class="formTitle" style="width:120px;">单选部门：</th>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input type="hidden" id="p_id" name="p_id" autocomplete="off" class="form-control" />
                                <input type="text" id="p_name" name="p_name" class="form-control" value="" />
                                <div class="input-group-btn">
                                    <a href="#" onclick="selectTable('p_id', 'p_name', 'Base_Branch', { conditions: {whereStr:'Bran_name=\'校领导\''}, searchField:'Bran_name',columns: { Bran_number:'ID',Bran_name: '名称' },fields:{ID:'Bran_number',NAME:'Bran_name'}});" class="btn btn-info">
                                        <i class="caret"></i>
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle" style="width:120px;">多选部门：</th>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input type="hidden" id="p_id1" name="p_id1" autocomplete="off" class="form-control">
                                <input type="text" id="p_name1" name="p_name1" class="form-control" value="" />
                                <div class="input-group-btn">
                                    <a href="#" onclick="selectTable('p_id1', 'p_name1', 'Base_Branch', {checkbox:true, conditions: {whereStr:'Bran_name=\'校领导\''}, searchField:'Bran_name',columns: { Bran_number:'ID',Bran_name: '名称' },fields:{ID:'Bran_number',NAME:'Bran_name'}});" class="btn btn-info">
                                        <i class="caret"></i>
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="formTitle" style="width:120px;">SQL语句多选部门：</th>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input type="hidden" id="p_id2" name="p_id2" autocomplete="off" class="form-control">
                                <input type="text" id="p_name2" name="p_name2" class="form-control" value="" />
                                <div class="input-group-btn">
                                    <a href="#" onclick="selectTable('p_id2', 'p_name2', 'Base_Branch', {checkbox:true, conditions: {Bran_name:'校领导'}, searchField:'Bran_name',columns: { Bran_number:'ID',Bran_name: '名称' },fields:{ID:'Bran_number',NAME:'Bran_name'},sql:'SELECT Bran_number,Bran_name FROM Base_Branch'});" class="btn btn-info">
                                        <i class="caret"></i>
                                    </a>
                                </div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <th class="formTitle" style="width:120px;">多选数据字典：</th>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input type="hidden" id="p_id3" name="p_id3" autocomplete="off" class="form-control">
                                <input type="text" id="p_name3" name="p_name3" class="form-control" value="" />
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-info "
                                            onclick="selectTable('p_id3', 'p_name3', 'base_dbkey', {checkbox:true, conditions: {whereStr:'Key_parentnumber=\'000012\''}, searchField:'Key_name',columns: { Key_number:'ID',Key_name: '名称' },fields:{ID:'Key_number',NAME:'Key_name'}});"
                                            >
                                        <span class="caret"></span>
                                    </button>
                                </div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <th class="formTitle" style="width:120px;">多选用户：</th>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input type="hidden" id="p_id4" name="p_id4" autocomplete="off" class="form-control">
                                <input type="text" id="p_name4" name="p_name4" class="form-control" value="" />
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-info " 
                                            onclick="selectTable('p_id4', 'p_name4', 'Base_Worker', {checkbox: true, conditions: {}, searchField: 'Worker_name',columns: { Worker_number: 'ID', Worker_name: '姓名',Worker_departmentName:'部门名称' },fields: { ID: 'Worker_number', NAME: 'Worker_name' } });" >
                                        <span class="caret"></span>
                                    </button>

                                </div>
                            </div>

                        </td>
                    </tr>

                    <tr>
                        <td class="formTitle"style="width:120px;">项目类别：</td>
                        <td class="formValue">
                            <div class="input-group" style="width:99%;">
                                <input id="FrmType" name="FrmType" title="双击清空" value="可拖拽动态表单" ondblclick="$('#FrmType').val('');" readonly="readonly" type="text" class="form-control required" placeholder="请选择" />
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-info dropdown-toggle" data-bs-toggle="dropdown" data-toggle="dropdown">
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu pull-right" style="max-height:200px;overflow:auto">
                                        <li><a class="dropdown-item" onclick="selectOption('FrmType', this);">可拖拽动态表单</a></li>
                                        <li><a class="dropdown-item" onclick="selectOption('FrmType',this);">动态表单</a></li>
                                        <li><a class="dropdown-item" onclick="selectOption('FrmType',this);">自定义开发页面</a></li>
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </form>
</body>
</html>